<template>
  <div>
      <ul>
          <!-- 获取参数 -->
          <li>ID:{{id}}</li>
          <li>Title:{{title}}</li>
          <li>Content:{{content}}</li>
      </ul>
  </div>
</template>

<script>
export default {
    name:'Detail',
    mounted() {
        console.log(this);
    },
    computed:{
        id(){
            return this.$route.query.id;
        },
        title(){
            return this.$route.query.title;
        },
        content(){
            return this.$route.query.content;
        },
    }
}
</script>